<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>沈阳礼途租车</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="apple-itunes-app" content="app-id=427555239"/>
<link rel="icon" href="http://i1.yongche.name/favicon.ico?1413054600" mce_href="http://i1.yongche.name/favicon.ico?1413054600" type="image/x-icon">
<link rel="shortcut icon" href="http://i1.yongche.name/favicon.ico?1413054600" mce_href="http://i1.yongche.name/favicon.ico?1413054600" type="image/x-icon"> 
<script type="text/javascript">
var Do=function(){Do.actions.push([].slice.call(arguments));};Do.ready=function(){Do.actions.push([].slice.call(arguments));};Do.add=Do.define=function(name,opts){Do.mods[name]=opts;};Do.global=function(){Do.global.mods=Array.prototype.concat(Do.global.mods,[].slice.call(arguments));};Do.global.mods=[];Do.mods={};Do.actions=[];
</script>
<link rel="stylesheet" type="text/css" href="${basePath }/css/style.css" /> 
<link rel="stylesheet" type="text/css" href="http://i3.yongche.name/css/app/??common/reset.css,common/common.css,cms/cms.css?1413054600" />
<title>8月时租_礼途用车</title>
<link rel="stylesheet" type="text/css" href="${basePath }/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="${basePath }/css/xsz.css"/>
<link rel="stylesheet" type="text/css" href="${basePath }/css/menu.css"/>
<script type="text/javascript" src="${basePath }/js/index.js"></script>
</head>

<body class="badyBg">
<script type="text/javascript">
    Do( function(){
        $( "._menu_drop").hover( function(){
            var _self = $( this);

            _self.addClass( "down");
            _self.children('a').addClass( "opacity5");
        }, function(){
            var _self = $( this);

            _self.removeClass( "down");
            _self.children('a').removeClass( "opacity5");
        });
    });
</script>
<jsp:include page="/header.jsp"/>
<!-- S 巨屏广告 -->
<div id="main" class="max_banner">
  <div class="wp  pt-r">
    <div class="service c-white pt-a">
    <ul class="xl">
    <li>
    <h3>专业司机</h3>
    <p>安全★★★★★<br>为您保驾护航的司机，<br>均是来自商务租车领域的的专业人士</p>
    </li>
    <li>
    <h3> 高档车型</h3>
    <p>我们深知<br>舒适的车型更匹配您的旅程</p>
    </li>
    <li>
    <h3>接机送站</h3>
    <p>客户、高管到访<br>商务专车，舒适宽敞，为您的成功助力</p>
    </li>
    <li>
    <h3>会议接待</h3>
    <p>多年专业会议经验<br>全运会媒体接待，我会说么</p>
    </li>
    <li>
    <h3>短信跟进</h3>
    <p>全程短信跟进行程<br>无需费心，让您永远从容，风光出场</p>
    </li>
    </ul>
    </div>
    <!-- S 保障登录 -->
    </form>
    <!-- E 保障登录 -->
  </div>
</div>
<!-- E 巨屏广告 --> 
<!-- S 多款车型匹配需求 -->
<div id="main" class="used">
	<div class="wp">
		<div class="hd pt-r"><div class="rLine pt-a"></div><h2 class="pt-a">出行&emsp;可以如此从容</h2></div>
			<c:forEach items="${list }" var="car">
				<dl class="xl xs4 c-white cl">
					<dt>
						<p class="xs2"><span class="xs5" style="font-weight: bold;">${car.name }</span></p>
						<br/>
						<p class="xs1"><span class="xs5 pr10">×${car.num }人</span>含<em class="blk-red yjx">油</em><em class="blk-red yjx">险</em><em class="blk-red yjx">驾</em></p>
						<br/>
						<div class="tac"><img src="${car.img1 }" style="width:185px;height:68px;"></div>
						<br/>
						<a href="${basePath }/car/detail/${car.id }" target="_blank" class="btn blk6 tac xs3">立即体验</a>
					</dt>
					<dd>
						<a href="#" class="c-white">
							<div class="mask pt-a"><img width="340" height="285" src="${car.img2 }"></div>
							<div class="maskL pt-a"><img width="340" height="285" src="${car.img2 }"></div>
							<div class="pt-a txtBg"></div>
							<div class="pt-a txt xs3">
								<h3 class="xs5 xw0">${car.word1 }&emsp;${car.word2 }</h3>
							</div>
						</a>
					</dd>
					<dd>
						<a href="#" class="c-white">
							<div class="mask pt-a"><img width="340" height="285" src="${car.img3 }"></div>
							<div class="maskL pt-a"><img width="340" height="285" src="${car.img3 }"></div>
							<div class="pt-a txtBg"></div>
							<div class="pt-a txt xs3">
								<h3 class="xs5 xw0">${car.word3 }&emsp;${car.word4 }</h3>
							</div>
						</a>
					</dd>
				</dl>
			</c:forEach>
		</div>
	</div>
<!-- E 多款车型匹配需求 --> 
<!-- 订车只需三步 -->
<div class="wp">
<div class="hd pt-r" style="padding-bottom:0;"><div class="rLine pt-a" style="top:75%"></div><h2 class="pt-a">订车只需一步</h2></div>
<div class="triangle"></div>
</div>
<div id="main" class="custom">
	<img src="${basePath }/images/car/custom1.jpg" style="width:100%;">
</div>
<!-- 订车只需三步 --> 
<!-- S 老用户有话说 -->
<div id="main" class="scroll">
  <div class="wp pt-r">
    <div class="hd pt-r"><div class="rLine pt-a" style=" border-color:#FFF;"></div><h2 class="pt-a" style="background-color:#db1032; color:#FFF;">老用户有话说</h2></div>
    <div style=" height:40px; border-left:3px solid #FFF; top:45%; left:50%; z-index:20;" class="pt-a"></div>
    <div id="speek"><div class="speekContainer" ></div> </div>   
     <div class="Dbtn">
     <a href="javascript:;" class="dian blk5 on"></a>
     <a href="javascript:;" class="dian blk5"></a>
     <a href="javascript:;" class="dian blk5"></a>
     <!-- <a href="javascript:;" class="dian blk5"></a>
     <a href="javascript:;" class="dian blk5"></a> -->
     </div>
    <!-- <a href="javascript:;" class="btn blk-red tac xs4 _tiyan mb30">立即体验>></a> -->
 
  </div>
</div>
<!-- E 老用户有话说 --> 
<!-- S 活动规则 -->
<!-- E 活动规则 --> 
<!-- render: data/block/v9/common/footer.tpl at 2014-03-06 15:24:16 by 641 {{ --> 
<!-- footer -->
<div class="footer" style="margin-top:0; background-color:#333333;">
  <div class="wp" style="width:1080px;">
    <div class="info z">
      <!-- <div class="logo"><a class="icon-footer-logoTel logoa" href="/" title="礼途用车官网"></a><a class="icon-footer-logoTel tel ml30" title="礼途客服务热线400-1111-777海外服务热线:+86-10-58456666"></a></div> -->
      <span style="color: white;font-size: 25px;font-weight: bold;">礼途租车&emsp;TEL:18512499505</span>
      <p class="txt">京公网安备11010602004437 | <a href="http://www.miibeian.gov.cn/" class="c-white">京ICP证110470号</a> | 京ICP备11005954号<br>
        © 2014 北京东方车云信息技术有限公司 YongChe.com 版权所有</p>
      <div class="believe"> <a target="_blank" href="https://ss.knet.cn/verifyseal.dll?sn=2011033100100007667&ct=df&a=1&pa=532171"><i class="icon_common_logo icon_cnnic"></i></a> <a target="_blank" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202013071000033"><i class="icon_common_logo icon_hd315"></i></a> </div>
    </div>
    <div class="nav cl">
      <ul class="xl">
        <h2>关于礼途</h2>
      </ul>
      <ul class="xl">
        <h2>礼途历程</h2>
      </ul>
      <ul class="xl">
        <h2>加入礼途</h2>
      </ul>
      <ul class="xl">
        <h2>联系我们</h2>
      </ul>
      <ul class="xl">
        <h2><a href='${basePath }/zuche/site/qiye.html' style='text-decoration: none;' target="_blank">企业用户</a></h2>
      </ul>
    </div>
  </div>
</div>
<!-- footer --> 
<!-- }} render data/block/v9/common/footer.tpl at 2014-03-06 15:24:16 by 641 -->
<div id="speekContents" class="disNo">
${basePath }/images/people/tou1.jpeg|simon|私营业主|昨晚在礼途用车手机客户端预约的早上七点半来接我上班，司机师傅七点二十分就在楼下等我，上车后安全顺利的送我到单位。很赞。@礼途用车网<br><br><br>|http://i1.yongche.name/u/images/201402/2411577608.png?1413054600
-----
${basePath }/images/people/tou3.jpeg|credic|妈妈用户|年底加班各种忙，孩子照顾不过来，真心感谢礼途。接送孩子，拿幼儿园被子，送老人，张师傅真是个帮手。而且个子大，也好找。没有一次偷懒在车里等客人，总是认真在车边站着。|http://i2.yongche.name/u/images/201402/771726341.jpeg?1413054600
-----
${basePath }/images/people/tou4.jpeg|鱼小姐的肉肉|妈妈用户|每周去做检查，月子会所与医院之间往返，都是提前预约的礼途的司机，很体贴|http://i3.yongche.name/u/images/201402/561098123.jpeg?1413054600
-----
${basePath }/images/people/tou5.jpeg|小鹏|商业精英|春节前回家过年，由于赶飞机在早上5点就得出门，即便是这样的时间段，预定好的@礼途用车网 送机服务还是准时出现在家门口，顺利把我送到机场。这么多天过去了，还是必须给礼途用车点个赞！<br><br>|http://i1.yongche.name/u/images/201402/464258484.jpeg?1413054600
</div>
<script type="text/javascript" src="http://i1.yongche.name/js/do/do.all.js?1413054600"></script>

<!-- render: data/block/autoreg-valid.tpl at 2014-10-15 11:59:17 by 641 {{ -->
<style>
.navtips {
z-index: 1001;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(http://i3.yongche.name/u/images/201410/3559905029.png?1412450400?1413054600) 0px 0px no-repeat;
background-size: 100%;
}
</style>
<!-- script type="text/javascript" src="http://i1.yongche.name/js/do/do.all.src.js?1413054600"></script -->

<SCRIPT TYPE="text/javascript">
function Movement( config){
    this.$marg = $( config.marg);
    this.$leftArrow = $( config.leftArrow);
    this.$rightArrow = $( config.rightArrow);
    this.$cirBtn = $( config.cirBtn);
    this.timeout = config.timeout || 2000;

    this.onMarquee = config.onMarquee;
    this.onMouseEnter = config.onMouseEnter;
    this.onMouseLeave = config.onMouseLeave;
    this.onStart = config.onStart;
    this.onStop = config.onStop;

    this.autoStart = config.autoStart != undefined ? config.autoStart : true;
    this.stopMargAnimate = false;
    this.timeouter = null;
    var _self = this;

    function trigger( name, args){
        if( !$.isArray( args)){
            args = [ args];
        }

        if( typeof _self[ name] == 'function'){
            _self[ name].apply( _self, args);
        }
    }

    this.margLoop = function( doLoop, dir){

        dir = dir || "next";

        if( doLoop == "start"){

            _self.margLoop( "stop");

            _self.stopMargAnimate = false;
            _self.timeouter = setTimeout( function(){
                _self.margLoop();
            }, _self.timeout);
            return;

        }else if( doLoop == "stop"){
            _self.stopMargAnimate = true;
            clearTimeout( _self.timeouter);
        }

        if( _self.stopMargAnimate)
            return;

        trigger("onMarquee", { 
            marg: _self.$marg, 
            dir: dir, 
            easing: _self.easing,
            finishFn: function(){
                _self.margLoop( "start", dir);
            }
        });
    }

    if( this.autoStart)
        this.margLoop( "start");

    this.start = function(){
        _self.margLoop( "start");
        trigger( "onStart");
    };
    this.stop = function(){
        _self.margLoop( "stop");
        trigger( "onStop");
    };

    _self.$marg.add( _self.$leftArrow).add( _self.$rightArrow).add( _self.$cirBtn).hover( function(){
        _self.margLoop( "stop");
        trigger( "onMouseEnter");
    }, function(){
        if(!_self.autoStart) return;
        _self.margLoop( "start");
        trigger( "onMouseLeave");
    });

    _self.$leftArrow.click( function(){
        trigger( "onMarquee", { 
            marg: _self.$marg, 
            dir: "prev", 
            easing: _self.easing,
            finishFn: function(){}
        });
    });
    _self.$rightArrow.click( function(){
        trigger( "onMarquee", { 
            marg: _self.$marg, 
            dir: "next", 
            easing: _self.easing,
            finishFn: function(){}
        });
    });
    _self.$cirBtn.click( function(){
        trigger( "onMarquee", { 
            marg: _self.$marg, 
            dir: $(this).index(), 
            easing: _self.easing,
            finishFn: function(){}
        });
    });
}

Movement.prototype.easing = {
    hor_animate: function( $list, dir, onFinish, aniConfig){
        aniConfig = aniConfig || {};
        var width = $list.children( ":first").outerWidth( true);
        
        if( dir == "prev"){

            var $moveNode = $list.children( ":last"),
                //width = $moveNode.outerWidth( true),
                $clone = $moveNode.clone().prependTo( $list),
                $aniNode = $clone;

            $aniNode.css( "marginLeft", -width);

            $aniNode.animate( { marginLeft: 0}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                $moveNode.prependTo( $list );
                $clone.remove();
                onFinish();
            })

        }else if( dir == "next"){

            var $moveNode = $list.children( ":first"),
                //width = $moveNode.outerWidth( true),
                $clone = $moveNode.clone().appendTo( $list),
                $aniNode = $moveNode;

            $aniNode.animate( { marginLeft: -width}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                $moveNode.css( "marginLeft", 0).appendTo( $list);
                $clone.remove();
                //$list.css( "marginLeft", 0);
                onFinish();
            })
        }else{
            var $moveNode = $list.children( ":first"),
                $prevAll = $list.children('[data-ind='+dir+']').prevAll(),
                //width = $moveNode.outerWidth( true),
                allwidth = $prevAll.length * width,
                $clone = $prevAll.clone(),
                $aniNode = $moveNode;
            $clone.each(function(i){
                $clone.eq($clone.length - i - 1).appendTo($list)
            });  
            $aniNode.animate( { marginLeft: -allwidth}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                //$moveNode.css( "marginLeft", 0).appendTo( $list);
                $prevAll.remove();
                //$list.css( "marginLeft", 0);
                onFinish();
            })
        }
    },
    ver_animate: function( $list, dir, onFinish, aniConfig){
        aniConfig = aniConfig || {};
        var height = $list.children( ":first").outerHeight( true);

        if( dir == "prev"){

            var $moveNode = $list.children( ":last"),
                //height = $moveNode.outerHeight( true),
                $clone = $moveNode.clone().prependTo( $list),
                $aniNode = $clone;

            $aniNode.css( "marginTop", -height);

            $aniNode.animate( { marginTop: 0}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                $moveNode.prependTo( $list );
                $clone.remove();
                onFinish();
            })

        }else if( dir == "next"){

            var $moveNode = $list.children( ":first"),
                //height = $moveNode.outerHeight( true),
                $clone = $moveNode.clone().appendTo( $list),
                $aniNode = $moveNode;

            $aniNode.animate( { marginTop: -height}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                $moveNode.css( "marginTop", 0).appendTo( $list);
                $clone.remove();
                //$aniNode.css( "marginTop", 0);
                onFinish();
            })
        }else{
            var $moveNode = $list.children( ":first"),
                $prevAll = $list.children('[data-ind='+dir+']').prevAll(),
                allheight = $prevAll.length * height,
                $clone = $prevAll.clone(),
                $aniNode = $moveNode;
            $clone.each(function(i){
                $clone.eq($clone.length - i - 1).appendTo($list)
            });  
            $aniNode.animate( { marginTop: -allheight}, aniConfig.speed || "fast", aniConfig.easing || "swing", function(){
                //$moveNode.css( "marginLeft", 0).appendTo( $list);
                $prevAll.remove();
                //$list.css( "marginLeft", 0);
                onFinish();
            })
        }
    }
};

/*
    仿百度贴吧首页的数字轮换
 */
function NUMBER_CYCLE( number, $elems){

        $elems = $( $elems);
        var numberChars = ( "" + number).split( ''),
            numLen = numberChars.length,
            elemLen = $elems.length;

        $.each( $elems, function( index, $item){
            $item = $( $item);

            // init 0 - 9 numbers
            var $node = $item.children().eq( 0);

            if( $node.length > 0){
                $node.html( "-");

                for( var i = 0; i < 10; i ++){
                    $item.append( $node.clone().html( i));
                }
            }

            // animate
            if( elemLen - numLen <= index){
                var num = parseInt( numberChars[ index - ( elemLen - numLen) ], 10) + 1;

                $node.animate( { 
                    marginTop: -( $node.height() *  num )
                }, 1500, "swing");
            }
        });
    }

</SCRIPT>


<!-- <div id="daiyanbao_com_content" closerate="0" playrate="0" style="position: fixed;_position: absolute;text-align: left;overflow: visible;bottom :0;right:0;display:block; z-index:999;">
	<div id="dyb_loadding_0" style="position: absolute; top: 166px; left: 0px; width: 100%; text-align: center; display: none;">
		<img src="http://img.daiyanbao.com/img/loadding.gif"><br>
			<span style="font-family:'Microsoft YaHei',SimHei,FangSong; font-size:16px;color:#5e5e5e;text-decoration: none;">
				<a href="http://www.daiyanbao.com/" target="_blank" style="font-family:'Microsoft YaHei',SimHei,FangSong; font-size:16px;color:#5e5e5e;text-decoration: none;"></a>
			加载中</span>
		</div>
		<div id="dyb_sub_0" style="width: 200px; height: 36px; line-height: 36px; position: absolute; left: 10px; top: 210px; text-align: center; font-size: 24px; background-color: transparent; color: rgb(255, 255, 255); border: 0px; display: block;">18512499505</div>
		<object type="application/x-shockwave-flash" data="//res.daiyanbao.com/flash/md1_1_3.swf?v=1_1_3&amp;i=0&amp;a=admin&amp;b=free%2F303&amp;c=226&amp;d=400&amp;cs_e=64&amp;cs_f=0.9&amp;cs_g=0&amp;cs_h=-10" width="226" height="400" id="dyb_content_0">
			<param name="flashvars" value="i=0&amp;a=admin&amp;b=free%2F303&amp;c=226&amp;d=400&amp;cs_e=64&amp;cs_f=0.9&amp;cs_g=0&amp;cs_h=-10">
			<param name="wmode" value="Transparent">
			<param name="allowScriptAccess" value="always">
		</object>
	<div id="dyb_close_0" style="display: none;">关闭X</div>
</div> -->
</body>
</html>
 